<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="height: auto;margin-top: 50px;">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <div class="item active">
      <img src="<?php echo $this->webroot?>img/carousel1.png" alt="...">
    </div>
    <div class="item ">
      <img src="<?php echo $this->webroot?>img/carousel2.png" alt="...">
    </div>
    <div class="item ">
      <img src="<?php echo $this->webroot?>img/carousel3.png" alt="...">
    </div>
  </div>
</div>